<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<textarea name="" id="textarea" cols="30" rows="10">
    123321
    1234567
    上山打老虎
    乌鸦坐飞机
</textarea>
<script>
    /*
        0. select()方法
            - 比如可以让focus的时候选中
     */
   let theDom =  document.getElementById('textarea')
    theDom.addEventListener('focus',_ =>{
        _.target.select();
    })
    
    
    /*
        1. select事件
     */
    
    theDom.addEventListener('select',e =>{
        // console.log(theDom.value)
        // 2.选中的文本
        console.log(theDom.value.substring(theDom.selectionStart,theDom.selectionEnd))
    })
    
    /*
        2.取得选中的文本,看上面
     */
    
    /*
     3. 部分选中文字
     */
    
</script>
</body>
</html>